<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录注册页面</title>
    <!-- 重置样式 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 轮播图样式 -->
    <link rel="stylesheet" href="../lib/swiper/css/swiper-bundle.css">
    <!-- 当前样式 -->
    <link rel="stylesheet" href="../css/login.css">
</head>
<body>
    <div class="signin clearfix ">
        <!-- 左边图标 -->
        <div class="left-icon fl">
            <a href="#">
                <img src="../imgs/login-bg.png" alt="">
            </a>
        </div>
        <!-- 右边注册页面 -->
        <div class="modal">
            <h2><img src="../imgs/loginlogo.png" alt=""></h2>
            <div class="toggle-login">
                <a class="active">账号登录</a>
                <span>|</span>
                <a>扫码登录</a>
            </div>
            <div class="login-box">


                <!-- 账号登录验证 -->
                <div class="test mt18 on box01">
                    <div>
                        <!-- 用户名 -->
                        <div class="t-name clearfix">
                            <input type="text" id="username" class="user fl" placeholder="用户名/手机号/邮箱">
                            <img src="../imgs/clearInput.png" class="user-btn fr" alt="">

                        </div>
                        <span class="name-alert"></span>
                        <!-- 密码 -->
                        <div class="t-pwd clearfix">
                            <input type="password" id="password" class="pwd fl " placeholder="密码">
                            <img src="../imgs/clearInput.png" alt="" class="pwd-btn fr">
                            
                        </div>
                        <span class="pwd-alert"></span>
                        <!-- 忘记密码 -->
                        <div class="forget">
                            <p class="fr">忘记密码</p>
                        </div>
                        <!-- 登录 -->
                        <button class="test-btn" id="test-btn">登录</button>
                        <!-- 解决方案 -->
                        <div class="text-case">
                            <p>还没有源码账号，<a href="#">立即注册 <span></span></a></p>
                        </div>
                    </div>

                </div>


                <!-- 扫码登录 -->
                <div class="scan-code box01">
                    <!-- 扫码登录盒子 -->
                    <div class="wechat-box">
                        <img src="../imgs/showqrcode.jpg" alt="">
                        <p>微信扫码登录</p>
                        <p>未关注源码科技公众号，请先关注后再登录</p>
                    </div>
                    <!-- 解决方案 -->
                    <div class="text-next">
                        <p>还没有源码账号，<a href="../page/register.html">立即注册 <span></span></a></p>
                    </div>
                </div>


            </div>
        </div>
     
    </div>
    <!-- 选项卡 -->
    <script src="../lib/swiper/js/tab.js"></script>
    <!-- 当前页面js效果 -->
    <script src="../js/login.js"></script>
</body>
</html>